<template>
	<!-- 图文建议 -->
	<view class="content">
		<!-- 内容盒子 -->
		<view class="form">
			<!-- form begin -->
			<uni-forms label-position="top">
				<uni-forms-item label="建议分类" name="name" required>
					<uni-data-select placeholder="请选择"></uni-data-select>
				</uni-forms-item>
				<uni-forms-item label="建议标题" name="title" required>
					<uni-easyinput type="text" placeholder="请输入" />
				</uni-forms-item>
				<uni-forms-item label="建议内容" name="name" required>
					<uni-easyinput type="textarea" placeholder="请输入" />
				</uni-forms-item>
				<uni-forms-item label="领衔代表" name="name">
					<uni-easyinput type="text" placeholder="请输入" />
				</uni-forms-item>
				<uni-forms-item label="联名代表" name="name">
					<uni-easyinput type="text" placeholder="请输入" />
				</uni-forms-item>
				<uni-forms-item label="提出时间" name="name" required>
					<!-- <uni-easyinput type="text" placeholder="请输入" /> -->
					<uni-datetime-picker type="datetime" return-type="timestamp" />
				</uni-forms-item>
			</uni-forms>
			<!-- form end -->
			<!-- form-submit begin -->
			<view class="footer">
				<button type="button">提交建议</button>
			</view>
			<!-- form-submit end -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		async onLoad() {},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	.content {
		padding: 20rpx;
	}

	.form {
		width: 100%;
		padding: 30rpx;
		background-color: $bg-color-white;
		border-radius: $border-radius-lg;

		.uni-forms-item {
			margin-bottom: 10rpx !important;
		}
	}

	.footer {
		height: 120rpx;
		padding: 10rpx 20rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #FFFFFF;
		z-index: 10;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);

		button {
			width: 100%;
			height: 80%;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 50rpx;
			color: #FFFFFF !important;
			background: #ad2325 !important;
		}
	}
</style>